{% include 'XTGL/XTGL_index.html' %}

<div class="am-cf admin-main">
{% include 'sidebar.html' %}
  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">通讯录</strong></div>
      </div>

      <div class="am-g">
        
        <div class="am-u-sm-12">
          
          <table id="grid" class="am-table am-table-striped am-table-hover table-main am-table-compact am-text-nowrap" width="100%">
            <thead>
              <tr>
                <th class="table-title">序号</th>
                <th class="table-title">姓名</th>
                <th class="table-title">单位名称</th>
                <th class="table-title">职务</th>
                <th class="table-title">电话</th>
                <th class="table-title">邮箱</th>
                <th class="table-title">备注</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
        </div>
      </div>
    </div>
  <!-- content end -->
  </div>
</div>
{% include 'footer.html' %}
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/static/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/static/assets/js/amazeui.min.js"></script>
<script src="/static/assets/js/amazeui.tree.js"></script>
<script type="text/javascript" src="/static/assets/js/layer.js"></script>
<script src="/static/assets/datatables/amazeui.datatables.min.js"></script>
<script src="/static/assets/dialog/amazeui.dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/assets/css/amazeui.tree.css" />
<script src="/static/assets/js/app.js"></script>
<script type="text/javascript">
$("#collapse-nav").addClass("am-in");
$("#xtgl").removeClass("am-collapsed");
$("#xtglOtxl").css("color","#3399CC");
$("#xtgl").css("color","#3399CC");

var t = $('#grid').DataTable({
  //配置DataTables默认参数



    bInfo: false,//页脚信息
    responsive: true,
    searching: true,
    lengthChange: false,
    paging: false,
    ajax: {

      url: "/XTGL_TXL_1/"
    },


    
    //每页显示五条数据
    //pageLength: 'all',
    columns: [
      {  
        data : null,  
        bSortable : false,  
        targets : 0,  
        //width : "30px",  
        render : function(data, type, row, meta) {  
          // 显示行号  
          var startIndex = meta.settings._iDisplayStart;  
          return startIndex + meta.row + 1;  
        }  
      },
      {
        "data": "real_name"
      },
      {
        "data": "organize_name"
      },

      {
        "data": "duty_name"
      },
      {
        "data": "mobile"
      },
      {
        "data": "email"
      },
      {
        "data": "description"
      }
    ],
       
    "columnDefs": [
      // "visible": false,
      //"targets": 0

      {
        type: 'chinese-string',
        targets: '_all'
      } //中文排序
      
    ],
    

  });

  var AlertMSG=function(msg){
    AMUI.dialog.alert({ title: '错误提示', content: msg, onConfirm: function() { console.log('close'); } });
  }
</script>
</body>
</html>
